<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>商铺订单页面</title>
    <meta content="text/html;charset=utf-8" http-equiv="content-type">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <!--<script type="text/javascript" src="asserts/plugins/JQuery/jquery-2.1.1.min.js"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/language/zh_CN.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <link href="asserts/css/myorder.css" rel="stylesheet">
    <script src="asserts/js/ajax.js" rel="script"></script>
    <script src="asserts/js/myShopOrder.js" rel="script"></script>
</head>
<body>
<div class="container-fluid">
    <div class="container">
        <div class="row" id="row_1">
            <form class="form-horizontal">
                <div class="col-lg-4" id="col-1">
                    <div class="form-group">
                        <label id="lable_1">餐饮管理系统</label>&nbsp;&nbsp;&nbsp;<a href="index.html"
                                                                               class="login"
                                                                               target="_blank" id="login_1">亲，请登录</a>
                        &nbsp;&nbsp;&nbsp;<a href="register.html" class="login" target="_blank">免费注册</a>
                        &nbsp;&nbsp;&nbsp;<a href="shopRegister.html" target="_blank" id="myShop">免费开店</a>
                    </div>
                </div>
                <div class="col-lg-3" id="col_2">
                </div>
                <div class="col-lg-1" id="col_3">
                </div>
                <div class="col-lg-4" id="col_4">
                    <div id="logout">
                        <a href="myCenter.html" target="_blank" id="center">个人中心</a>&nbsp;&nbsp;&nbsp;
                        <a href="myOrder.html" target="_blank" id="myorder">我的订单</a>&nbsp;&nbsp;&nbsp;
                        <a href="foodPage.html" target="_blank">首页</a>&nbsp;&nbsp;&nbsp;
                        <a href="#" id="logout_1">注销</a>
                    </div>
                </div>
            </form>
        </div>
        <div class="row" id="row_2">
            <form class="form-actions">
                <span>状态选择：</span>
                <select onchange="selectByState(this.value)" id="row_2_state">
                    <option value="null">全部</option>
                    <option value="103">已下单</option>
                    <option value="102">等待取餐</option>
                    <option value="101">已取餐</option>
                    <option value="104">已完成</option>
                </select>
            </form>
        </div>
        <div class="row" id="row_3">
            <!-- 头部全选模块 -->
            <div class="panel panel-default">
                <div class="panel-body">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th>订单单号</th>
                            <th>商品名</th>
                            <th>商品图片</th>
                            <th>商品数量</th>
                            <th>商品单价</th>
                            <th>商品总价</th>
                            <th>商户名称</th>
                            <th>购买时间</th>
                            <th>订单状态</th>
                            <td>操作</td>
                        </tr>
                        </thead>
                        <tbody id="orderList">
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- 结算模块 -->
            <div class="col-md-12">
                <div class="row" id="del">
                    <span style="float: right">
                            <span id="mybuy">您已经购买了  <em>0</em>  件商品</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <span style="float: right">总价： <em id="myprice">￥0</em></span>
                        </span>
                </div>
            </div>  <!-- col-md-12 end -->
        </div>  <!-- row_2 end -->
        <div class="row" id="row_4">
            <div class="row">
                <div class="col-md-12">
                    千锋教育机构广州分校&nbsp;&nbsp;&nbsp;&nbsp;java-2103班第一小组&nbsp;&nbsp;&nbsp;&nbsp;版权所有
                </div>
            </div>
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-8">
                    相关连接：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="https://www.baidu.com" style="color: #999999" target="_blank">百度</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="https://www.taobao.com" target="_blank">淘宝</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="https://www.jd.com" target="_blank">京东</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="https://www.bilibili.com" target="_blank">哔哩哔哩动画</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="https://www.bilibili.com" target="_blank">斗鱼TV</a>
                </div>
                <div class="col-md-2"></div>
            </div>

        </div>
    </div>
</div>

</body>
</html>